<template>
  <div id="app" class="app">
    <div class="upload-file-list">
      <div class="left-title">人物关系智能提取</div>
      <UploadFile class="left-upload" :fileType="['docx', 'pdf']" />
    </div>
    <GptDialogue class="app-main" :focus="false" :tipsContent="tipsContent" />
    <div></div>
  </div>
</template>

<script>

import GptDialogue from "@/components/gptDialogue";
import UploadFile from "@/components/uploadFile";

export default {
  components: {
    GptDialogue,
    UploadFile,
  },
  data() {
    return {
      tipsContent: [
        "您好，我是智能小人！",
        "欢迎来到聊天系统，很高兴为您服务！",
      ],
    };
  },
}
</script>

<style lang="scss">
.app {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: #f8f8f8;

  &>div {

    &:nth-child(1),
    &:nth-child(3) {
      width: 12%;
    }
  }

  .upload-file-list {
    display: flex;
    flex-direction: column;
    margin-right: 10px;

    .left-title {
      font-size: 18px;
      color: #333;
      font-weight: bold;
      line-height: 60px;
      padding: 0 10px;
    }

    .left-upload {
      padding: 30px 15px;
      background: #f8f8f8;
    }
  }
}
</style>
